<template>
    <div>
        <My-head>
            <van-search class="search" placeholder="搜索书籍/作者"/>
            <van-icon @click="gotopage('mine')" name="user-o" />
        </My-head>

        <!--vant插件 轮播图 -->
        <My-swipe></My-swipe>

    </div>
</template>

<style lang="scss">

.van-search {
    // padding-left: 0;
    padding: 0rem 0.32rem 0 0;
}

// .van-nav-bar__content {
//     height: 1.1rem;
// }

.van-nav-bar .van-icon-search {
    color: inherit;
    padding-right: 0.083333rem;
    font-size: inherit;
    font-weight: normal;
}

.van-nav-bar .van-icon-user-o {
    font-size: 6vw;
    font-weight: normal;
}

.van-nav-bar__left {
    padding: 0;
}

.van-search__content {
    display: inline-block;
    background-color: #eee;
    width: 85vw;
    margin-left: 2vw;
    border-radius: 26.667vw;
    height: 8vw;
}

</style>